<?php 
require_once("Config.php");
?><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>

<style type="text/css">
<!--
.miCare-webtool {
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
  background-color: #efefef;
}

.miCare-webtool .topBar {
  height: 32px;
  line-height: 32px;
  width: 100%;
  background-color: #333;
  border-bottom: #a89f8e 1px solid;
  font-size: 14px;
  font-weight: bold;
  color: #0084B7;
}

.miCare-webtool .topBar .logo {
  height: 32px;
  line-height: 31px;
  width: 180px;
  left: 0em;
  top: 0px;
  display: block;
  position: absolute;
  text-align: center;
}

.miCare-webtool .topBar em {
  height: 22px;
  line-height: 22px;
  position: absolute;
  z-index: 200;
  width: 67px;
  display: block; font-style : normal;
  font-size: 14px;
  font-weight: bold;
  background-image: url(images/logout.gif);
  background-repeat: no-repeat;
  right: 0px;
  top: 5px;
  text-align: right;
  padding-right: 1em;
  font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
  font-style: normal;
}

.miCare-webtool .leftMenu {
  padding-left: 1em;
  padding-top: .5em;
  display: block;
  width: 200px;
  height: *;
}

.miCare-webtool .leftMenu dl,dd,dt {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  color: #555;
  margin-top: 1em;
}

.miCare-webtool .leftMenu dl dt {
  font-size: 12px;
 font-weight:bold;
  height: 24px;
  line-height: 24px;
  

  background-image:url(images/leftMenuBg.jpg);
  background-position:center center;
  background-repeat:no-repeat;  
  color: #C92C24;
}

.miCare-webtool .leftMenu dl dd {
  font-size: 12px;
  margin-left:1em;
  padding-left: 1em;
  background-image: url(images/treeBg_leaf.gif);
  background-position: 0px center;
  background-repeat: no-repeat;
  font-weight:bold;
  

}

.miCare-webtool .leftMenu dl dd a{
    text-decoration:none;
    color:#666;
}


.miCare-webtool .leftMenu dl dd a:hover{
    text-decoration:underline;
    color:#333;
    
}

.miCare-webtool #mainFrame {
  display: block;
  position: absolute;
  right: 0px;
  top: 33px;
  left: 210px;
}

.miCare-webtool .footer {
  width: 100%;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  text-align: center;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 300;
  background-color: #efefef;
  border-top: #ccc 1px solid;
  color: #4a4a4a;
}

.miCare-webtool  .logout_link{
width: 100%;
    height: 22px;
    display:block;
}
a {
  font-size: 12px;
  text-decoration: none;
  color: #999;
}

a:hover {
  font-size: 12px;
    text-decoration: underline;
    color: #666;

}

.currentItem{
  color:#333;
  font-weight:bold;
  font-size:14px;
}
-->
</style>
<script type="text/javascript" src="../js/jquery.js"></script>

</head>

<body class="miCare-webtool" scroll=no >
<div class="topBar"><span class="logo"><img
  src="images/logo.jpg" /></span><em><a href="logout.php" class="logout_link"> </a></em></div>
<div class="leftMenu">


<dl>
  <dt>System Settings</dt>
  <dd><a href="userAccount.php" target="mainFrame" id="userManage"><span>User Management</span></a></dd>
</dl>
<dl>
  <dt>Content Management</dt>
  <dd><a href="aboutUs.php" target="mainFrame" id="aboutus"><span>About Us</span></a></dd>
  <dd><a href="gallery.php" target = 'mainFrame' id="gallery"><span>Gallery</span></a></dd>
  <dd><a href="menus.php" target = 'mainFrame' id='menus'><span>Menus</span></a></dd>
  <dd><a href="news.php" target = 'mainFrame' id='news'><span>News</span></a></dd>
  <dd><a href="events.php" target = 'mainFrame' id='events'><span>Events</span></a></dd>
<dd><a href="contact.php" target = 'mainFrame' id='contact'><span>Contact</span></a></dd>

</dl>

</div>
<div class="footer"><a href="http://www.twilightcocktailbar.com" target="_blank">twilightcocktailbar.com</a> &copy; 2010  <Strong>TWILIGHT Website Management System.</Strong>powered by <a href="http://www.tabmake.com" target="_blank">tabmake.com</a></div>
<iframe src="homePage.php" id="mainFrame" name="mainFrame" frameborder="0"></iframe>


</body>
<script type="text/javascript">
  $(document).ready(function() {
     
      
    adjustView();
    $('.leftMenu dd a').bind('click',function(e){
      $('.leftMenu dd a span').removeClass('currentItem');
      var items = $('.leftMenu dd a span');
      for(var i=0;i<items.length;i++){
        if($($(items[i]).parent()).attr('id')==$(this).attr('id')){
          $(items[i]).addClass('currentItem');
          
        }
      }
    });

  });

  window.onresize = function() {
    adjustView();
  };

  function adjustView() {
    var vWidth = window.document.body.clientWidth;
    var vHeight = window.document.body.clientHeight;
    $('#mainFrame').css('height', (vHeight - 55) + 'px');
    $('#mainFrame').css('width', (vWidth - 210) + 'px');
    $('#leftMenu').css('height', (vHeight - 55) + 'px');

  }
</script>
</html>

